<style>
.index{ background:none}
.index {
	background: url(__PUBLIC__/BoxEdu/Images/bg_01.jpg) no-repeat center center;height:740px; 
}
.pages{ overflow:inherit; }
@charset "utf-8";
/* CSS Document */
.box {position:relative;}
.page_top {height:48px;background:#000000;position:fixed;width:100%;top:0;}

 
.con_text {padding-top:20px;text-align:left;}
.con_text p {font-size:30px;color:#f1eeee;line-height:200%;}
.con_text p span {color:#f17116;}
.con_text h3 {font-size:40px;color:#ffffff;font-weight:500; margin:0px; padding:0px; }
.index-content {padding-bottom:30px;}
.index-content ul {margin:10px 0 0 -50px;}
.index-content ul li {    width: 260px;
    float: left;
    margin-left: 80px;
    height: 240px;
    margin-top: 20px;
    position: relative; text-align:center}
.con_01 {background:#fc9952;}
.con_001 {padding-top:68px;}
.con_001 h4 {font-size:30px;color:#ffffff;padding-top:25px;}
.con_02 {background:#55b5f9;}
.con_03 {background:#8acd43;}
.con_04 {background:#23caba;}
.con_05 {background:#ff9d9d;}
.con_jd {    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    background: #fc9952;
    height: 240px;
}
.index-content ul li ul {margin:0px 0 0 -10px;}
.index-content ul li ul li {text-align:center;margin-top:10px;height:30px;}
.index-content ul li ul li a { border: 1px #fff solid;
    border-radius: 20px;
    display: block;
    width: 200px;
    margin: 0 auto;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #ffffff;}
.index-content ul li .con_jd ul li a:hover {background:#fff;color:#fc9952;}
.index-content ul li .con_jd02 ul li a:hover {background:#fff;color:#55b5f9;}
.index-content ul li .con_jd03 ul li a:hover {background:#fff;color:#8acd43;}
.index-content ul li .con_jd04 ul li a:hover {background:#fff;color:#23caba;}
.index-content ul li .con_jd05 ul li a:hover {background:#fff;color:#ff9d9d;}
.con_jd {display:none;}
.con_01:hover .con_jd {display:block;}
.con_jd02{background:#55b5f9;}
.con_jd03{background:#8acd43;}
.con_jd04{background:#23caba;}
.con_jd05{background:#ff9d9d;}


.con_text {padding-top:20px;text-align:left;}
.con_text p {font-size:24px;color:#f1eeee;line-height:200%;}
.con_text p span.ks_tj {color:#f17116;}
.con_text h3 span.qs_xx{font-size:40px;color:#ffffff;font-weight:500;}

.index-content ul {margin:10px 0 0 -50px;}
.index-content ul li {width:260px;float:left;margin-left:80px;height:260px;margin-top:20px;position:relative;}
.con_01 {background:#fc9952;}
.con_001 {padding-top:28px;}
.con_001 h4 {font-size:26px;color:#ffffff;padding-top:25px;font-weight:500;}
.con_02 {background:#55b5f9;}
.con_03 {background:#8acd43;}
.con_04 {background:#23caba;}
.con_05 {background:#ff9d9d;}
.con_jd {position:absolute;top:0;left:0;width:260px;background:#fc9952;height:250px;}
.index-content ul li ul {margin:0px 0 0 -10px;}
.index-content ul li ul li {text-align:center;margin-top:10px;height:25px;margin-left:10px;}
.index-content ul li ul li a {border:1px #fff solid;border-radius:20px;display:block;width:200px;margin:0 auto;height:25px;line-height:25px;font-size:16px;color:#ffffff;}
.con_jd h4 {font-size:26px;color:#ffffff;padding-top:15px;font-weight:500;}
.index-content ul li .con_jd ul li a:hover {background:#fff;color:#fc9952;}
.index-content ul li .con_jd02 ul li a:hover {background:#fff;color:#55b5f9;}
.index-content ul li .con_jd03 ul li a:hover {background:#fff;color:#8acd43;}
.index-content ul li .con_jd04 ul li a:hover {background:#fff;color:#23caba;}
.index-content ul li .con_jd05 ul li a:hover {background:#fff;color:#ff9d9d;}
.con_jd {display:none;}
.con_01:hover .con_jd {display:block;}
.con_jd02{background:#55b5f9;}
.con_jd03{background:#8acd43;}
.con_jd04{background:#23caba;}
.con_jd05{background:#ff9d9d;}



</style>
<div data-page="<{$pageName}>" class="page index"  >
			<div class="page-content container" >
	 
												<!--<div class="h-title">
																<p style="font-weight:normal; margin-bottom:0px; ">在<font style="color:#ed7111">考试突击</font>平台</p>
																<p style=" font-size:50px; margin-top:0px">轻松学习，快速通过</p>
												</div>-->
												<!--	<div class="box-info vertical" id="vertical"><div class="cura p_b_0">
													<img src="__PUBLIC__/BoxEdu/Images/banner-ncre.jpg" style=" height:100%; width:100%" />
													</div></div>
												<div class="box-info vertical" id="vertical">
																<volist name="class_list" key ="k" id="vo">
																				<div class="cura p_b_<{$k}>">
																								<div class="cura_show">
																											
																												<div class="cura_img"><img style="width:100%" src="__PUBLIC__/BoxEdu/Images/index_<{$k}>.jpg" /></div>
																													<div class="h-t"><{$vo.name}></div>
																								</div>
																								<div class="index_back">
																												<div class="h-t"><{$vo.name}></div>
																												<volist name="vo['list']" id="vo1"> <a href="<{:U('Index/subject',array('class_id'=>$vo1['id']))}>" class="back-but"><{$vo1.name}></a> </volist>
																								</div>
																				</div>
																</volist>
												</div>-->
												 <div class="index-content clearfix">
                <div class="con_text">
                    <p>在<span>考试突击</span>平台</p>
                    <h3>轻松学习，快速通过</h3>
                </div>
                <ul class="clearfix">
                    <li><a >
                        <img src="__PUBLIC__/BoxEdu/Images/ice_03.png"></a></li>
                     <volist name="class_list" key ="k" id="vo">
                    <li class="con_01 con_0<{$k}>">
                        <div class="con_001 con_00<{$k}>">
                            <img src="__PUBLIC__/BoxEdu/Images/ice_0<{$k+3}>.png">
                            <h4><{$vo.name}></h4>
                        </div>
                        <div class="con_jd con_jd0<{$k}>">
                            <h4><{$vo.name}></h4>
                            <ul>
																													<volist name="vo['list']" id="vo1"> 
                                <li><a  href="<{:U('Index/subject',array('class_id'=>$vo1['id']))}>" ><{$vo1.name}></a></li>
                            </volist>
                            </ul>
                        </div>
                    </li>
                     </volist>
                </ul>
            </div>
													
													
								</div>
								
</div>
